 /* 省钱控页面-胖头鱼 */

/* header  */
header{
    position: fixed;
    top: 0;
    height:3.75rem;
    width: 100%;
    background-color: rgb(255, 132, 29);
}
header div {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: .5rem;
}

header div>a:nth-of-type(1) img{
    width: 2.3rem;
   height: 2.3rem;  
}
header div span{
    display: block;
    font-size: 1.2rem !important;  
    color: aliceblue;  
   
}
header div>a:nth-of-type(2) img{   
   width: 3rem;
   height: 3rem;
}  

/* mian  */
main{ 
    width: 100%;
   /* height: 100%; */
   margin-top: 4.5rem;
   margin-bottom: 5rem;
}
main div{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .3125rem;
   margin-bottom: 2rem;
}
main div a{
    width: 40%;
}
main div a img{
    width: 6.4375rem;
    height: 6.4375rem;
}
main ul{
display: flex;
flex-direction: column;
padding-left: .625rem;
padding-right: .5rem;
}
main ul li:nth-of-type(1){
    margin-bottom:2rem ;
    padding-top: .7rem;
}
main ul li:nth-of-type(1) a{
    color:rgb(54, 54, 54);
    font-size: 1rem;   
}

main ul li:nth-of-type(1) span{
    color: rgb(255, 172, 130);
    font-size: 1rem;
}
main ul li:nth-of-type(2) span{
    color: rgb(163, 163, 163); 
    /* margin-bottom: .5rem; */
 }


/* list  */
#list{
    height: 4rem;
    margin-top: 1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: white;
}
#list select{
    border: .125rem solid #d6d3d3;
    padding: .45rem .9rem;
}
#list li{
width: 6rem;
height: 50%;
background: #e7e7e7;
text-align: center;
border-radius: 5%;
/* color: #000; */
}

#list li a{
 font: 1rem/1.5rem "";
color: #0e0c0c;

line-height: 200%;
}

/* bottom */

#bottom{
    width: 100%;  
    position: fixed;
    bottom:0;
}

/* tip  */
.tip{
   width: 100%;
   height: 2.25rem;
    background: #efefef;
   display: flex;
   justify-content: space-around;
   align-items: center;
    border-top: .125rem solid #cfcfcf;
    border-bottom: .125rem solid #cfcfcf;
}
.tip>a{
display: block;
  
   font-size: .9rem;
   text-align: center;
   line-height: .625rem;
   color: #000;
   
  
} 
.tip a:nth-of-type(2){
     border-right: .125rem solid #cfcfcf;
     border-left: .125rem solid #cfcfcf;padding: 1rem 2rem;

}
.tip a:nth-of-type(3){
    background: url(./../images/tip.png) no-repeat;
}
/* footer */
footer{
    height: 2rem;
     background: #efefef;
     text-align: center;
     padding: 1.5rem 0 ;
     font-size: .8rem;
}
footer a{
    color:red
}
footer span:nth-of-type(2),footer p{
     color: rgb(163, 163, 163); 
}



